<!DOCTYPE html>
<html lang="en">

<#if couponInfo??>
    <title>编辑优惠券</title>
    <#else>
        <title>新增优惠券</title>
</#if>
<#import "/layout/layout.html" as body/>
<@body.page>

<!--<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>优惠券管理</h2>
        <ol class="breadcrumb">
            <li><a href="#">优惠券管理</a></li>
            <li class="active"><strong>新增优惠券</strong></li>
        </ol>
    </div>
</div>-->
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title overflow">
                    <#if couponInfo??>
                        <h5 class="pull-left">编辑优惠券</h5>
                        <#else>
                            <h5 class="pull-left">新增优惠券</h5>
                    </#if>
                </div>
                <div class="ibox-content">
                    <form class="form-horizontal" id="addForm">
                        <input type="hidden" id="id" name="id" value="${(couponInfo.id)!}">
                        <input type="hidden" id="couponStatus" name="couponStatus" value="${(couponInfo.couponStatus)!}">
                        <input type="hidden" id="version" name="version" value="${(couponInfo.version)!}">
                        <#if couponInfo??>

                            <#else>
                                <div class="form-group"><h2 class="col-sm-12 margin-top">Step1:配置基础信息</h2></div>
                        </#if>

                        <div class="hr-line-dashed"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">领取方式</label>
                            <div class="col-sm-10" id="get_coupon">
                                <div class="checkbox-inline i-checks"><label for="is_user"> <input type="radio" id="is_user" value="1" checked name="getMode"> <i></i> 用户输码领取 </label></div>
                                <div class="checkbox-inline i-checks"><label for="is_system"> <input type="radio" id="is_system" value="2" name="getMode"> <i></i> 系统发送 (新增后获取ID，由研发配置，用户领取的券码为随机) </label></div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">券码</label>
                            <div class="col-sm-10">
                                <input type="text" id="couponCode" name="couponCode" value="${(couponInfo.couponCode)!}" class="form-control" placeholder="请输入用户领取优惠券的兑换码，如：HelloLemon">
                                <div id="randomCode" style="display: none; margin-top: 8px">券码为随机码</div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">优惠券名</label>
                            <div class="col-sm-10"><input type="text" id="couponName" name="couponName" value="${(couponInfo.couponName)!}" class="form-control" placeholder="请输入优惠券名称"></div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">使用说明</label>
                            <div class="col-sm-10"><input type="text" id="couponText" name="couponText" value="${(couponInfo.couponText)!}" class="form-control" placeholder="如满多少使用，限什么课程使用；如为会员券则提示生效期；限不得超过24个汉字"></div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">发送数量</label>
                            <div class="col-sm-10"><input type="number" min="0" id="maxCount" name="maxCount" value="${(couponInfo.maxCount)!}" class="form-control" placeholder="如无限量则填写“0”，如有限量则填写对应数量"></div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">券类型</label>
                            <div class="col-sm-10" id="use_reel">
                                <div class="checkbox-inline i-checks"><label for="cash_type"> <input type="radio" id="cash_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==1>checked</#if>
                                    ${couponInfo!"checked"} value="1" name="couponType"> <i></i> 现金券 </label></div>
                                <div class="checkbox-inline i-checks"><label for="vip_type"> <input type="radio" id="vip_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==3>checked</#if>
                                    value="3" name="couponType"> <i></i> 檬会员资格 </label></div>
                                <div class="checkbox-inline i-checks"><label for="course_type"> <input type="radio" id="course_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==4>checked</#if>
                                    value="4" name="couponType"> <i></i> 课程体验券 </label></div>
                                <!--
                                <div class="checkbox-inline i-checks"><label for="car_type"> <input type="radio" id="car_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==5>checked</#if>
                                    value="5" name="couponType"> <i></i> 团课包月卡体验劵 </label></div>

                                <div class="checkbox-inline i-checks"><label for="personal_type"> <input type="radio" id="personal_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==5>checked</#if>
                                    value="6" name="couponType"> <i></i> 私教体验课 </label></div>
                                <div class="checkbox-inline i-checks"><label for="body_measure_type"> <input type="radio" id="body_measure_type"
                                    <#if couponInfo?? && couponInfo.couponType?? && couponInfo.couponType ==5>checked</#if>
                                    value="7" name="couponType"> <i></i> 体测服务 </label></div>-->
                            </div>
                        </div>
                        <section id="is_vip_box">
                            <div class="hr-line-dashed"></div>
                            <div class="form-group"><label class="col-sm-2 control-label" id="is_vip">现金券金额</label>
                                <div class="col-sm-10">
                                    <input type="number" min="1" id="cashMoney" name="cashMoney" value="${(couponInfo.cashMoney)!}" class="form-control" placeholder="请输入现金券金额">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group "><label class="col-sm-2 control-label" for="minUseMoney">满几元使用</label>
                                <div class="col-sm-10">
                                    <input type="number" min="0" id="minUseMoney" name="minUseMoney" value="${(couponInfo.minUseMoney)!}" class="form-control" placeholder="如无限制,则不填写">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </section>
                        <section class="mode2_change_limit" style="display: none;">
                            <div class="form-group"><label class="col-sm-2 control-label">兑换数量</label>
                                <div class="col-sm-10" id="course_sl">
                                    <div class="checkbox-inline i-checks"><label for="no_one_vote_limit"> <input type="radio" id="no_one_vote_limit" checked value="0" name="isOneVote"> <i></i> 每人可兑换多个码 </label></div>
                                    <div class="checkbox-inline i-checks"><label for="has_one_vote_limit"> <input type="radio" id="has_one_vote_limit" value="1" name="isOneVote"> <i></i> 每人限制兑换一个码 </label></div>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </section>

                        <section id="type_vip">
                            <section class="course_voucher" style="display: none;">
                                <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-sm-2 control-label">原价低于几元可使用</label>
                                    <div class="col-sm-10"><input type="text" id="mar" name="maxUseMoney" value="${(couponInfo.maxUseMoney)!}" class="form-control" placeholder="如无限制，则不填写"></div>
                                </div>
                            </section>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">是否限制课程</label>
                                <div class="col-sm-10" id="course_limit">
                                    <div class="checkbox-inline i-checks"><label for="no_course_limit"> <input type="radio" id="no_course_limit" checked value="1" name="isLimitCourse"> <i></i> 无限制 </label></div>
                                    <div class="checkbox-inline i-checks"><label for="has_course_limit"> <input type="radio" id="has_course_limit" value="2" name="isLimitCourse"> <i></i> 有限制 </label></div>
                                </div>
                            </div>
                            <div class="form-group course-limit" style="display: none;">
                                <label class="col-sm-2 control-label">选择限制课程</label>
                                <div class="col-sm-10">
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitTeamCourse" name="limitTeamCourse" value="1"> 团课 </label>
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitSecretCourse" name="limitSecretCourse" value="1"> 私教 </label>
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitCampCourse" name="limitCampCourse" value="1"> 训练营 </label>
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitSelfCourse" name="limitSelfCourse" value="1"> 自助 </label>
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitSecretExperienceCourse" name="limitSecretExperienceCourse" value="1"> 私教体验 </label>
                                    <label class="checkbox-inline i-checks"><input type="checkbox" id="limitPhysicalExaminationCourse" name="limitPhysicalExaminationCourse" value="1"> 体测 </label>
                                </div>
                            </div>
                            <div class="hr-line-dashed course-limit" style="display: none;"></div>
                        </section>
                        <!-- 可使用门店 -->
                        <section id="is_car_type">
                            <div class="hr-line-dashed"></div>
                            <div class="form-group" id="store_div"><label class="col-sm-2 control-label">可使用门店</label>
                                <input id="limitStore" name="limitStore" type="hidden" value="${(couponInfo.limitStore)!}">
                                <div class="col-sm-10" id="store_list">
                                    <div id="magicsuggest"></div>
                                </div>
                            </div>
                        </section>
                        <div class="form-group">
                            <div class="hr-line-dashed"></div>
                            <label class="col-sm-2 control-label">兑换有效期类型</label>
                            <div class="col-sm-10" id="time_limit">
                                <div class="checkbox-inline i-checks"><label for="no_time"> <input type="radio" id="no_time" value="1" name="changeMode"> <i></i> 无限制 </label></div>
                                <div class="checkbox-inline i-checks"><label for="has_time"> <input type="radio" id="has_time" checked value="2" name="changeMode"> <i></i> 有限制 </label></div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group time_limit">
                            <label class="col-sm-2 control-label">兑换有效期</label>
                            <div class="col-sm-10">
                                <div class="col-sm-6 padding-left-0">
                                    <div class="input-group">
                                        <input id="changeBeginDate" name="changeBeginDate" class="form-control" size="16" type="text" placeholder="兑换生效日期" readonly>
                                        <span class="input-group-addon"><span class="fa fa-clock-o"></span></span>
                                    </div>
                                </div>
                                <div class="col-sm-6 padding-right-0">
                                    <div class="input-group date form_datetime">
                                        <input id="changeEndDate" name="changeEndDate" class="form-control" size="16" type="text" placeholder="兑换失效日期" readonly>
                                        <span class="input-group-addon"><span class="fa fa-clock-o"></span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed time_limit"></div>
                        <div class="form-group"><label class="col-sm-2 control-label">使用有效期类型</label>
                            <div class="col-sm-10" id="use_time_limit">
                                <div class="checkbox-inline i-checks"><label for="no_use_time"> <input type="radio" id="no_use_time" value="1" name="useMode"> <i></i> 按领取之日生效 </label></div>
                                <div class="checkbox-inline i-checks"><label for="has_use_time"> <input type="radio" id="has_use_time" checked value="2" name="useMode"> <i></i> 按设置的有效期生效 </label></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" id="use_time_info">使用有效期</label>
                            <div class="col-sm-10 use_time_limit">
                                <div class="col-sm-6 padding-left-0">
                                    <div class="input-group">
                                        <input id="useBeginDate" name="useBeginDate" class="form-control" size="16" type="text" placeholder="使用生效日期" readonly>
                                        <span class="input-group-addon"><span class="fa fa-clock-o"></span></span>
                                    </div>
                                </div>
                                <div class="col-sm-6 padding-right-0">
                                    <div class="input-group date form_datetime">
                                        <input id="useEndDate" name="useEndDate" class="form-control" size="16" type="text" placeholder="使用失效日期" readonly>
                                        <span class="input-group-addon"><span class="fa fa-clock-o"></span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-10" style="display: none;" id="set_day">
                                <input type="number" min="1" id="dayNum" name="dayNum" value="${(couponInfo.dayNum)!}" class="form-control" placeholder="设置为用户领取此券之后几天内生效">
                            </div>
                        </div>

                        <div class="form-group"><label class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10"><input type="text" id="marks" name="marks" value="${(couponInfo.marks)!}" class="form-control" placeholder="请输入优惠券备注"></div>
                        </div>
                        <div class="hr-line-dashed"></div>
                    </form>
                </div>
                <div class="ibox-content overflow">
                    <div class="col-sm-12">
                        <button type="button" id="go_back_list" class="btn btn-default pull-left">取消添加</button>

                        <#if couponInfo?? && couponInfo.couponStatus ==2>
                            <a id="coupon_update" href="#" class="btn btn-primary pull-right">更新</a>
                            <#else>
                                <a id="coupon_add_step2" href="#" class="btn btn-primary pull-right">保存并进入下一步</a>
                        </#if>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link href="${baseUrl}css/plugins/clockpicker/clockpicker.css" rel="stylesheet">
<script src="${baseUrl}js/plugins/clockpicker/clockpicker.js"></script>
<link href="${baseUrl}css/plugins/magicsuggest/magicsuggest-min.css" rel="stylesheet">
<script>

    var dataList = ${storeList!};

    //返回列表
    $('#go_back_list').click(function () {
        window.location = "to_list";
    });

    //更新
    $('#coupon_update').click(function () {
        save();
    });

    //保存进入第2步
    $('#coupon_add_step2').click(function () {
        save();
    });

    $("#use_reel input").each(function (index, item) {
        if (index == 0 && item.checked == true) {
            $('#is_vip_box').show(400);
            $('#is_car_type').hide(400);
            $('.course_voucher').hide(400);
        } else if (index == 1 && item.checked == true) {
            $('#is_vip_box').hide(400);
            $('#is_car_type').hide(400);
            $('.course_voucher').hide(400);
        } else if (index == 2 && item.checked == true) {
            $('#is_vip_box').hide(400);
            $('#is_car_type').hide(400);
            $('.course_voucher').show(400);
        } else if (index == 5 && item.checked == true) {
            $('#is_car_type').show(400);
        }
    });

    function save() {

        var isCheck = true;
        if ($('input[name="getMode"]:checked').val() == 1 && $("#couponCode").val().trim().length <= 0) {
            swal("错误!", "请先输入券码", "error");
            isCheck = false;
            return false;
        }
        if ($("#couponName").val().trim().length <= 0) {
            swal("错误!", "请先输入优惠券名称", "error");
            isCheck = false;
            return false;
        }
        if ($("#couponText").val().trim().length <= 0) {
            swal("错误!", "请先输入使用说明", "error");
            isCheck = false;
            return false;
        }
        if ($("#maxCount").val().length <= 0) {
            swal("错误!", "请先输入发送数量", "error");
            isCheck = false;
            return false;
        }
        if ($("input[name='couponType']:checked").val() == 1 && $("#cashMoney").val().length <= 0) {
            swal("错误!", "请先输入现金券金额", "error");
            isCheck = false;
            return false;
        }
        if ($("input[name='couponType']:checked").val() == 5 && $("#limitStore").val().length <= 0) {
            swal("错误!", "请选择包月卡使用门店", "error");
            isCheck = false;
            return false;
        }

        if ($("input[name='changeMode']:checked").val() == 2 && ($("#changeBeginDate").val().length <= 0 || $("#changeEndDate").val().length <= 0 )) {
            swal("错误!", "请先选择兑换有效期", "error");
            isCheck = false;
            return false;
        }
        if ($("input[name='useMode']:checked").val() == 1 && $("#dayNum").val().length <= 0) {
            swal("错误!", "请先输入有效天数", "error");
            isCheck = false;
            return false;
        }
        if ($("input[name='useMode']:checked").val() == 2 && ($("#useBeginDate").val().length <= 0 || $("#useEndDate").val().length <= 0 )) {
            swal("错误!", "请先选择使用有效期", "error");
            isCheck = false;
            return false;
        }
        if ($("input[name='isLimitCourse']:checked").val() == 2 && !$("input[type=checkbox]").is(':checked')) {
            swal("错误!", "请先选择至少一门课程", "error");
            isCheck = false;
            return false;
        }

        if (!isCheck) {
            return false;
        }
        var param = $("#addForm").serialize();
        $.post("save_coupon_add_step1", param, function (result) {
            result = JSON.parse(result);
            debugger
            if (result && result.go == "list") {
                swal("更新成功!", "页面即将重新加载,请稍后...", "success");
                window.setTimeout(function () {
                    window.location = '${baseUrl}system/coupon/to_list'
                }, 1000);
            } else if (result.success) {
                swal("保存成功!", "页面即将重新加载,请稍后...", "success");
                window.setTimeout(function () {
                    window.location = '${baseUrl}system/coupon/to_coupon_add_step2/' + result.id
                }, 1000);
            } else {
                swal("保存失败!", result.msg, "error");
            }
        });
    }

    $(document).ready(function () {
        var limitStoreInit = $("#limitStore").val();
        if (limitStoreInit != null && limitStoreInit > 0) {
            ms = $('#magicsuggest').magicSuggest({
                data: dataList,
                placeholder: '请输入搜索或选择',
                required: true,
                expandOnFocus: true,
                strictSuggest: true,
                editable: false,
                displayField: 'storeName',
                valueField: 'id',
                disabled: true
            });
            ms.clear();
            ms.setValue([limitStoreInit]);
            ms.collapse();
        } else {
            ms = $('#magicsuggest').magicSuggest({
                data: dataList,
                placeholder: '请输入搜索或选择',
                required: true,
                expandOnFocus: true,
                strictSuggest: true,
                editable: false,
                displayField: 'storeName',
                valueField: 'id'
            });
        }

        $(ms).on('selectionchange', function () {
            dictArr = this.getValue();
            if (dictArr.length > 1) {
                alert("只能选一个门店！");
                var datas = dictArr[0];
                $("#limitStore").val(datas);
                ms.clear();
            } else {
                $("#limitStore").val(dictArr);
            }

        });

        //初始化日期格式
        Date.prototype.pattern = function (fmt) {
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时
                "H+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                "S": this.getMilliseconds() //毫秒
            };
            var week = {
                "0": "/u65e5",
                "1": "/u4e00",
                "2": "/u4e8c",
                "3": "/u4e09",
                "4": "/u56db",
                "5": "/u4e94",
                "6": "/u516d"
            };
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            if (/(E+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "/u661f/u671f" : "/u5468") : "") + week[this.getDay() + ""]);
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(fmt)) {
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                }
            }
            var str = fmt.lastIndexOf("N");
            if (str != -1) {
                return "";
            }

            return fmt;
        }

        //初始化数据
        var coupon = ${string!'null'};
        if (coupon) {
            //判断是否审核完成 审核完成只可修改2条属性
            if (coupon.couponStatus == 2) {
                $("input[type='radio'],[type='checkbox'],#couponCode,#maxCount,#cashMoney,#minUseMoney,#dayNum,#changeBeginDate,#changeEndDate,#useBeginDate,#useEndDate").attr("disabled", true);
                $("#store_div").attr("disabled", true);
                $("#store_list").attr("disabled", true);
            }

            if (coupon.getMode == 1) {
                $('#couponCode').show();
                $('#randomCode').hide();
                $('.mode2_change_limit').hide();
            }
            if (coupon.getMode == 2) {
                $('#couponCode').hide();
                $('#randomCode').show();
                $('.mode2_change_limit').show();
            }
            if (coupon.getMode && coupon.getMode == 1) {
                $("#is_user").prop('checked', true);
            }
            if (coupon.getMode && coupon.getMode == 2) {
                $("#is_system").prop('checked', true);
            }
            if (coupon.couponType && coupon.couponType == 1) {
                $("#cash_type").prop('checked', true);
            }
            if (coupon.couponType && coupon.couponType == 3) {
                $("#vip_type").prop('checked', true);
            }
            if (coupon.changeMode && coupon.changeMode == 1) {
                //兑换类型 不限制
                $("#no_time").prop('checked', true);
            }
            if (coupon.changeMode && coupon.changeMode == 2) {
                //兑换类型 指定日期
                $("#has_time").prop('checked', true);
                $("#changeBeginDate").val(new Date(coupon.changeBeginDate).pattern('yyyy-MM-dd'));
                $("#changeEndDate").val(new Date(coupon.changeEndDate).pattern('yyyy-MM-dd'));

            }
            if (coupon.useMode && coupon.useMode == 2) {
                //使用类型 指定日期
                $("#useBeginDate").val(new Date(coupon.useBeginDate).pattern('yyyy-MM-dd'));
                $("#useEndDate").val(new Date(coupon.useEndDate).pattern('yyyy-MM-dd'));
            }
            if (coupon.couponType && coupon.couponType == 1) {
                //现金券
                $('#cashMoney,#type_vip,.is_vip,.course-limit').show();
                $('#vip_status_day,.take-time,#is_car_type').hide();
            }
            if (coupon.couponType && coupon.couponType == 3) {
                //檬会员
                $('#cashMoney,#type_vip,.is_vip,.course-limit,#is_car_type').hide();
                $('#vip_status_day,.take-time').show();
                $("#isLimitCourse").val(1);//会员无限制课程
            }

            if (coupon.couponType && coupon.couponType == 5) {
                //包月卡
                $('#is_car_type').show();
            }

            if (coupon.changeMode == 1) {
                $('.time_limit').hide();
            }
            if (coupon.useMode && coupon.useMode == 1) {
                //使用类型 兑换起多少天
                $("#no_use_time").prop('checked', true);

                $('.use_time_limit').hide();
                $('#set_day').show();
                $('#use_time_info').text('有效天数')
            }
            if (coupon.useMode && coupon.useMode == 2) {
                //使用类型 指定日期
                $("#has_use_time").prop('checked', true);

                $('.use_time_limit').show();
                $('#set_day').hide();
                $('#use_time_info').text('使用有效期')
            }
            if (coupon.isLimitCourse && coupon.isLimitCourse == 1) {
                //限制课程 不限制
                $("#no_course_limit").prop('checked', true);
                $('.course-limit').hide()
            }
            if (coupon.isLimitCourse && coupon.isLimitCourse == 2) {
                //限制课程 有限制
                $("#has_course_limit").prop('checked', true);
                $('.course-limit').show();
                if (coupon.limitTeamCourse == 1) {
                    //团课
                    $("#limitTeamCourse").attr("checked", true);
                }
                if (coupon.limitSecretCourse == 1) {
                    //私教
                    $("#limitSecretCourse").attr("checked", true);
                }
                if (coupon.limitCampCourse == 1) {
                    //训练营
                    $("#limitCampCourse").attr("checked", true);
                }
                if (coupon.limitSelfCourse == 1) {
                    //自助
                    $("#limitSelfCourse").attr("checked", true);
                }
                if (coupon.limitSecretExperienceCourse == 1) {
                    //私教体验课
                    $("#limitSecretExperienceCourse").attr("checked", true);
                }
                if (coupon.limitPhysicalExaminationCourse == 1) {
                    //体测课
                    $("#limitPhysicalExaminationCourse").attr("checked", true);
                }
            }
            debugger
            if (coupon.changeBeginDate) {
                //兑换有效期 初始化值
                $('#changeBeginDate').daterangepicker({
                    startDate: "${(couponInfo.changeBeginDate?string('yyyy-MM-dd'))!}",
                    endDate: "${(couponInfo.changeEndDate?string('yyyy-MM-dd'))!}",
                    minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                    //maxDate: 0,//moment(), //最大时间
                    dateLimit: {days: 60}, //起止时间的最大间隔
                    showWeekNumbers: false, //是否显示第几周
                    //timePicker: true, //是否显示小时和分钟
                    //timePicker12Hour: false, //是否使用12小时制来显示时间
                    timePickerIncrement: 10,
                    opens: 'right', //日期选择框的弹出位置
                    buttonClasses: ['btn btn-default'],
                    applyClass: 'btn-small btn-primary blue',
                    cancelClass: 'btn-small',
                    format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                    separator: '~',
                    locale: {
                        applyLabel: '确定',
                        cancelLabel: '取消',
                        fromLabel: '兑换生效日期',
                        toLabel: '兑换失效日期',
                        customRangeLabel: '自定义',
                        daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                        firstDay: 1
                    }
                });

                $('#changeBeginDate').on('apply.daterangepicker', function (ev, picker) {
                    //解决input中开始结束时间被不正确放到了一个input中的问题
                    var timeArr = ev.currentTarget.value.split("~");
                    $('#changeBeginDate').val(timeArr[0].substring(0, 10));
                    $('#changeEndDate').val(timeArr[1].substring(0, 10));
                });
            } else {
                debugger;
                console.log("兑换有效期 不初始化值");
                //兑换有效期 不初始化值
                $('#changeBeginDate').daterangepicker({
                    minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                    //maxDate: 0,//moment(), //最大时间
                    dateLimit: {days: 60}, //起止时间的最大间隔
                    showWeekNumbers: false, //是否显示第几周
                    //timePicker: true, //是否显示小时和分钟
                    //timePicker12Hour: false, //是否使用12小时制来显示时间
                    timePickerIncrement: 10,
                    opens: 'right', //日期选择框的弹出位置
                    buttonClasses: ['btn btn-default'],
                    applyClass: 'btn-small btn-primary blue',
                    cancelClass: 'btn-small',
                    format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                    separator: '~',
                    locale: {
                        applyLabel: '确定',
                        cancelLabel: '取消',
                        fromLabel: '兑换生效日期',
                        toLabel: '兑换失效日期',
                        customRangeLabel: '自定义',
                        daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                        firstDay: 1
                    }
                });

                $('#changeBeginDate').on('apply.daterangepicker', function (ev, picker) {
                    //解决input中开始结束时间被不正确放到了一个input中的问题
                    var timeArr = ev.currentTarget.value.split("~");
                    $('#changeBeginDate').val(timeArr[0].substring(0, 10));
                    $('#changeEndDate').val(timeArr[1].substring(0, 10));
                });
            }
            if (coupon.useBeginDate) {
                //使用有效期 初始化值
                $('#useBeginDate').daterangepicker({
                    startDate: "${(couponInfo.useBeginDate?string('yyyy-MM-dd'))!}",
                    endDate: "${(couponInfo.useEndDate?string('yyyy-MM-dd'))!}",
                    autoUpdateInput: false,
                    minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                    //maxDate: 0,//moment(), //最大时间
                    dateLimit: {days: 60}, //起止时间的最大间隔
                    showWeekNumbers: false, //是否显示第几周
                    //timePicker: true, //是否显示小时和分钟
                    //timePicker12Hour: false, //是否使用12小时制来显示时间
                    timePickerIncrement: 10,
                    opens: 'right', //日期选择框的弹出位置
                    buttonClasses: ['btn btn-default'],
                    applyClass: 'btn-small btn-primary blue',
                    cancelClass: 'btn-small',
                    format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                    separator: '~',
                    locale: {
                        applyLabel: '确定',
                        cancelLabel: '取消',
                        fromLabel: '开营时间',
                        toLabel: '闭营时间',
                        customRangeLabel: '自定义',
                        daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                        firstDay: 1
                    }
                });
                $('#useBeginDate').on('apply.daterangepicker', function (ev, picker) {
                    //解决input中开始结束时间被不正确放到了一个input中的问题
                    var timeArr = ev.currentTarget.value.split("~");
                    $('#useBeginDate').val(timeArr[0].substring(0, 10));
                    $('#useEndDate').val(timeArr[1].substring(0, 10));
                });
            } else {
                console.log("使用有效期 不初始化值");
                //使用有效期 不初始化值
                $('#useBeginDate').daterangepicker({
                    autoUpdateInput: false,
                    minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                    //maxDate: 0,//moment(), //最大时间
                    dateLimit: {days: 60}, //起止时间的最大间隔
                    showWeekNumbers: false, //是否显示第几周
                    //timePicker: true, //是否显示小时和分钟
                    //timePicker12Hour: false, //是否使用12小时制来显示时间
                    timePickerIncrement: 10,
                    opens: 'right', //日期选择框的弹出位置
                    buttonClasses: ['btn btn-default'],
                    applyClass: 'btn-small btn-primary blue',
                    cancelClass: 'btn-small',
                    format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                    separator: '~',
                    locale: {
                        applyLabel: '确定',
                        cancelLabel: '取消',
                        fromLabel: '开营时间',
                        toLabel: '闭营时间',
                        customRangeLabel: '自定义',
                        daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                        firstDay: 1
                    }
                });
                $('#useBeginDate').on('apply.daterangepicker', function (ev, picker) {
                    //解决input中开始结束时间被不正确放到了一个input中的问题
                    var timeArr = ev.currentTarget.value.split("~");
                    $('#useBeginDate').val(timeArr[0].substring(0, 10));
                    $('#useEndDate').val(timeArr[1].substring(0, 10));
                });
            }

        } else {
            debugger;
            console.log("兑换有效期 不初始化值");
            //兑换有效期 不初始化值
            $('#changeBeginDate').daterangepicker({
                minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                //maxDate: 0,//moment(), //最大时间
                dateLimit: {days: 60}, //起止时间的最大间隔
                showWeekNumbers: false, //是否显示第几周
                //timePicker: true, //是否显示小时和分钟
                //timePicker12Hour: false, //是否使用12小时制来显示时间
                timePickerIncrement: 10,
                opens: 'right', //日期选择框的弹出位置
                buttonClasses: ['btn btn-default'],
                applyClass: 'btn-small btn-primary blue',
                cancelClass: 'btn-small',
                format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                separator: '~',
                locale: {
                    applyLabel: '确定',
                    cancelLabel: '取消',
                    fromLabel: '兑换生效日期',
                    toLabel: '兑换失效日期',
                    customRangeLabel: '自定义',
                    daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    firstDay: 1
                }
            });

            $('#changeBeginDate').on('apply.daterangepicker', function (ev, picker) {
                //解决input中开始结束时间被不正确放到了一个input中的问题
                var timeArr = ev.currentTarget.value.split("~");
                $('#changeBeginDate').val(timeArr[0].substring(0, 10));
                $('#changeEndDate').val(timeArr[1].substring(0, 10));
            });
            console.log("使用有效期 不初始化值");
            //使用有效期 不初始化值
            $('#useBeginDate').daterangepicker({
                autoUpdateInput: false,
                minDate: new Date(),//'01/01/2016',    //最小时间new Date(),//
                //maxDate: 0,//moment(), //最大时间
                dateLimit: {days: 60}, //起止时间的最大间隔
                showWeekNumbers: false, //是否显示第几周
                //timePicker: true, //是否显示小时和分钟
                //timePicker12Hour: false, //是否使用12小时制来显示时间
                timePickerIncrement: 10,
                opens: 'right', //日期选择框的弹出位置
                buttonClasses: ['btn btn-default'],
                applyClass: 'btn-small btn-primary blue',
                cancelClass: 'btn-small',
                format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式 YYYY-MM-DD HH:mm:ss
                separator: '~',
                locale: {
                    applyLabel: '确定',
                    cancelLabel: '取消',
                    fromLabel: '开营时间',
                    toLabel: '闭营时间',
                    customRangeLabel: '自定义',
                    daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    firstDay: 1
                }
            });
            $('#useBeginDate').on('apply.daterangepicker', function (ev, picker) {
                //解决input中开始结束时间被不正确放到了一个input中的问题
                var timeArr = ev.currentTarget.value.split("~");
                $('#useBeginDate').val(timeArr[0].substring(0, 10));
                $('#useEndDate').val(timeArr[1].substring(0, 10));
            });
        }

        //radio 选择
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });

        //是否 系统发送
        $('#get_coupon input').on('ifChecked', function () {
            if ($(this).val() === '2') {
                $('#couponCode').hide();
                $('#randomCode').show();
                $('.mode2_change_limit').show();
            } else {
                $('#couponCode').show();
                $('#randomCode').hide();
                $('.mode2_change_limit').hide();
            }
        });

        //现金券 or 檬会员体验 or 课程兑换券
        $('#use_reel input').on('ifChecked', function () {
            $("#no_use_time").iCheck("uncheck");
            $('#has_use_time').iCheck('check');
            $("#has_use_time").attr("disabled", false);
            var this_val = $(this).val();
            if (this_val === '3') {
                $('#vip_status_day,.take-time').show(400);
                $('#cashMoney,#type_vip,#is_vip_box,.course_voucher').hide(400);
                $("#isLimitCourse").val(1);//会员无限制课程
                $('#is_car_type').hide(400);
                //使用有效期类型 只能是输入有效天数
                $("#no_use_time").iCheck("check");
                $("#has_use_time").attr("disabled", true);
            } else if (this_val === '1') {
                $('#cashMoney,#type_vip,#is_vip_box').show(400);
                $('#vip_status_day,.take-time,.course_voucher').hide(400);
                $('#is_car_type').hide(400);
            } else if (this_val === '4') {
                $('#cashMoney,#type_vip,.course_voucher').show(400);
                $('#vip_status_day,#is_vip_box,.take-time').hide(400);
                $('#is_car_type').hide(400);
            } else if (this_val === '5') {

                $('#is_car_type').show(400);
                $('#cashMoney,#type_vip,#is_vip_box,.course_voucher').hide(400);
                //限制课程
                $("#has_course_limit").attr("checked", true);
                //团课
                $("#limitTeamCourse").attr("checked", true);
                //私教
                $("#limitSecretCourse").attr("checked", false);
                //训练营
                $("#limitCampCourse").attr("checked", false);
                //自助
                $("#limitSelfCourse").attr("checked", false);
                //私教体验课
                $("#limitSecretExperienceCourse").attr("checked", false);
                //体测
                $("#limitPhysicalExaminationCourse").attr("checked", false);
                // 设置单选按钮
                $("#no_use_time").iCheck("check");
                $("#has_use_time").attr("disabled", true);
                //$('#has_use_time').iCheck('uncheck'); 
                //$("#has_use_time").attr("disabled", true);
                /*  $('.use_time_limit').hide();
                 $('#set_day').show();
                 $('#use_time_info').text('有效天数'); */
            } else if (this_val === '6' || this_val === '7') {
                $("#is_vip_box").show(400);
                $('#cashMoney').show(400);
                $("#type_vip").hide(400);
                $("#is_car_type").hide(400);//可使用门店
            }
        });

        //兑换有效期类型
        $('#time_limit input').on('ifChecked', function () {
            if ($(this).val() === '2') {
                $('.time_limit').show(400);
            } else {
                $('.time_limit').hide(400);
            }
        });

        //使用有效期类型
        $('#use_time_limit input').on('ifChecked', function () {
            if ($(this).val() === '2') {
                $('.use_time_limit').show();
                $('#set_day').hide();
                $('#use_time_info').text('使用有效期')
            } else {
                $('.use_time_limit').hide();
                $('#set_day').show();
                $('#use_time_info').text('有效天数')
            }
        });

        //是否限制课程
        $('#course_limit input').on('ifChecked', function () {
            if ($(this).val() === '2') {
                $('.course-limit').show(400)
            } else {
                $('.course-limit').hide(400)
            }
        });

    });
</script>

</@body.page>
</html>
